<?php 
    defined('_JEXEC') or die('Restricted access');
?>
 <form action="index.php" method="post" id="login-form">
	<div class="login-greeting">
	Hi Super User,	</div>
	<div class="logout-button">
		<input type="submit" name="Submit" class="button" value="Log out" />
		<input type="hidden" name="option" value="com_users" />
		<input type="hidden" name="task" value="user.logout" />
		<input type="hidden" name="return" value="aW5kZXgucGhwP0l0ZW1pZD0xMDE=" />
		<input type="hidden" name="f0d939fe352d1ee4cac145366463a600" value="1" />	</div>
      <?php echo JHTML::_( 'form.token' ); ?>
</form>
<script type="text/javascript">
    function numbersonly(myfield, e, dec) {
  var key;
  var keychar;

  if (window.event)
    key = window.event.keyCode;
  else if (e)
    key = e.which;
  else
    return true;
  keychar = String.fromCharCode(key);

  // control keys
  if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) )  //neu co key 13 thi se khong chan nut enter
    return true;

  // numbers
  else if ((("0123456789").indexOf(keychar) > -1))
    return true;

  // decimal point jump
  else if (dec && (keychar == ".")) {
    myfield.form.elements[dec].focus();
    return false;
  } else
    return false;
}

    function sub()
    {    
        if(document.frmvp['name'].value=='')
            {
                alert('Bạn chưa nhập tên văn phòng.');
                return 0;
            }
        if(document.frmvp['sonha'].value=='')
            {
                alert('Bạn chưa nhập số nhà.');
                return;
            }
        if(document.frmvp['duong'].value=='')
            {
                alert('Bạn chưa nhập đường.');
                return;
            }  
        if(document.frmvp['thanhpho'].value=='')
            {
                alert('Bạn chưa nhập thành phố.');
                return;
            } 
        if(document.frmvp['dt1'].value=='')
            {
                alert('Văn phòng phải có ít nhất một số điện thoại.');
                return;
            }  
        var r=confirm("Xác nhận thêm văn phòng mới?");
        if (r==true)
          {
              document.frmvp.submit();
          }
        else
          {
          return;
          }
    }
</script>
<script type="text/javascript">
$(document).ready(function() {
	$('a.login-window').click(function() {
		
		// Getting the variable's value from a link 
		var loginBox = $(this).attr('href');

		//Fade in the Popup and add close button
		$(loginBox).fadeIn(300);
		
		//Set the center alignment padding + border
		var popMargTop = ($(loginBox).height() + 24) / 2; 
		var popMargLeft = ($(loginBox).width() + 24) / 2; 
		
		$(loginBox).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		// Add the mask to body
		$('body').append('<div id="mask"></div>');
		$('#mask').fadeIn(300);
		
		return false;
	});
	
	// When clicking on the button close or the mask layer the popup closed
	$('a.close, #mask').live('click', function() { 
	  $('#mask , .login-popup').fadeOut(300 , function() {
		$('#mask').remove();  
	}); 
	return false;
	});
});
</script>
<style type="text/css">
.btn-sign {
	width:460px;
	margin-bottom:20px;
	margin:0 auto;
	padding:20px;
	border-radius:5px;
	background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
	background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
	text-align:center;
	font-size:36px;
	color:#fff;
	text-transform:uppercase;
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 999;
}

.login-popup{
        width: 500px;
	display:none;
	background: whitesmoke;
	padding: 10px; 	
	border: 2px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

fieldset { 
	border:none; 
}

form.signin .textbox label { 
	display:block; 
	padding-bottom:7px; 
}

form.signin .textbox span { 
	display:block;
        float: left;
}

form.signin p, form.signin span { 
	color:black; 
	font-size:11px; 
	line-height:18px;
        font-family: arial;
} 

.cl { 
	background:#666666; 
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff; 
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:100%;
        float: left;
       
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}

.button:hover { background:#ddd; }

</style>
<link media="screen" rel="stylesheet" type="text/css" href="components/com_admin/assets/css/admin_style.css"  />
 
<div class="ad_menu">
		<?php include 'components/admin_menu.php';?>				
						<!--[if !IE]>end section content<![endif]-->
                        <div class="ad_mid_title">
							<h2 class="ad_mid_title_content">Danh Sách Văn Phòng
                                                            <a href="#login-box" class="login-window"><img src="components/com_admin/assets/images/add.png" style="height: 28px;width: 35px;float: right;"/></a>
                                                        <div id="login-box" class="login-popup">
        <a href="#" class="close"><img src="components/com_admin/assets/images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>
        <fieldset class="textbox">
            <form method="post" class="signin" action="index.php?option=com_admin" name="frmvp">
                <input type="hidden" name="task" value="add_vp"/>
              <table width="100%">
  <tr>
      <td style="width: 25%"><span>Tên Văn Phòng</span></td>
      <td colspan="6" ><input class="cl" name="name" value="" type="text" placeholder="Nhập Tên Văn Phòng"></td>
  </tr>
  <tr> 
    <td><span>Địa Chỉ</span></td>
    <td colspan="2"><input class="cl" name="sonha" value="" type="text" placeholder="Nhập Số Nhà" style="width: 85%;"></td>
    <td colspan="2"><input class="cl" name="duong" value="" type="text" placeholder="Nhập Đường"  style="width: 85%;"></td>
    <td colspan="2"><input class="cl" name="phuong" value="" type="text" placeholder="Nhập Phường" style="width: 85%;"></td>

  </tr>
  <tr>
    <td>&nbsp;</td>
    <td colspan="3"><input class="cl" name="quan" value="" type="text" placeholder="Nhập Quận/Huyện" style="width: 90%;"></td>
    <td colspan="3"><input class="cl" name="thanhpho" value="" type="text" placeholder="Nhập Tỉnh/Thành Phố" style="width: 90%;"></td>
    
  </tr>
  <tr>
    <td><span>Điện Thoại</span></td>
    <td colspan="2"><input class="cl" name="dt1" value="" type="text" maxlength="11" placeholder="Điện Thoại 1" style="width: 85%;" onkeypress="return numbersonly(this, event)"></td>
    <td colspan="2"><input class="cl" name="dt2" value="" type="text" maxlength="11" placeholder="Điện Thoại 2" style="width: 85%;" onkeypress="return numbersonly(this, event)"></td>
    <td colspan="2"><input class="cl" name="dt3" value="" type="text" maxlength="11" placeholder="Điện Thoại 3" style="width: 85%;" onkeypress="return numbersonly(this, event)"></td>

  </tr>
  <tr>
    <td><span>Fax</span></td>
    <td colspan="3"><input class="cl"name="fa1" value="" type="text" maxlength="11" placeholder="Nhập Fax 1" style="width: 90%;" onkeypress="return numbersonly(this, event)"></td>
    <td colspan="3"><input class="cl"name="fa2" value="" type="text" maxlength="11" placeholder="Nhập Fax 2" style="width: 90%;" onkeypress="return numbersonly(this, event)"></td>
  </tr>
  <tr>
    <td><span>Mô Tả Ngắn</span></td>
    <td colspan="6"><textarea name="des"  style="background: #666;
border-bottom: 1px solid #333;
border-left: 1px solid black;
border-right: 1px solid #333;
border-top: 1px solid black;
color: white;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font: 13px Arial, Helvetica, sans-serif;
padding: 6px 6px 4px;
width: 100%;">
Nhập Mô Tả
                </textarea></td>
  </tr>
  
</table>
                <input type="button" class="submit button" onclick="sub()" value="Thêm"/>
                
                </form>              </fieldset>

                
          
		</div></h2>
                                                        
							<span class="ad_left_title"></span>
							<span class="ad_right_title"></span>
						</div>
						<!--[if !IE]>end title wrapper<![endif]-->
						<!--[if !IE]>start section content<![endif]-->
						<div>
							<!--[if !IE]>start section content top<![endif]-->
							<div class="ad_background_content">
								
											<div class="ad_background_content_2">
                                                                                            <!--[if !IE]>start dashboard menu<![endif]--><table width="100%" style="text-align: left; padding-left: 20px;">
                                                                                                <tr>
                                                                                                    <td width="100%">
                                                                                                        <?php
                                                                                                $co = count($this->list_office); $i=1;
                                                                                                foreach($this->list_office as $row)
                                                                                                {
                                                                                                    ?>
                                                                                                        <div class="ad_title_content">
                                                                                                            <img src="components/com_admin/assets/images/logooffice.png" class="ad_iconoffice" />
                                                                                                        <?php 
                                                                                                        echo "<div class='ad_title_content_text'>".$row->name."</div>";
                                                                                                        ?>
                                                                                                        </div>
                                                                                                    <?php
                                                                                                    $i++;
                                                                                                }
                                                                                            ?>
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>
                                                                                            
                                                                                            
                                                                                           
                                                                                            
                                                                                                    
                                                                                                    
												
												<!--[if !IE]>end dashboard menu<![endif]-->
										
								</div>
							</div>
							<!--[if !IE]>end section content top<![endif]-->
							<!--[if !IE]>start section content bottom<![endif]-->
							<span class="scb"><span class="scb_left"></span><span class="scb_right"></span></span>
							<!--[if !IE]>end section content bottom<![endif]-->
							
						</div>                              
<div class="ad_mid_title">
							<h2 class="ad_mid_title_content">Doanh Thu Hôm Nay</h2>
							<span class="ad_left_title"></span>
							<span class="ad_right_title"></span>
						</div>
						<!--[if !IE]>end title wrapper<![endif]-->
						<!--[if !IE]>start section content<![endif]-->
						<div>
							<!--[if !IE]>start section content top<![endif]-->
							<div class="ad_background_content">
								
											<div class="ad_background_content_2">
												<!--[if !IE]>start dashboard menu<![endif]-->
												
												<!--[if !IE]>end dashboard menu<![endif]-->
										
								</div>
							</div>
							<!--[if !IE]>end section content top<![endif]-->
							<!--[if !IE]>start section content bottom<![endif]-->
							<span class="scb"><span class="scb_left"></span><span class="scb_right"></span></span>
							<!--[if !IE]>end section content bottom<![endif]-->
							
						</div>                                                
                                                
                                             
					</div>



